<template>
    <div class="hello">
        <mt-header title="通城管理后台" class="tit"> </mt-header>
        <div>
            <ul class="Nine">
                <router-link tag="li" to="/checkRoomww"> <img src="../assets/image/1.png" alt=""> </router-link>
                <router-link tag="li" to="/gamehomeww"> <img src="../assets/image/6.png" alt=""> </router-link>
                <router-link tag="li" to="/gamecongzhiww"> <img src="../assets/image/7.png" alt=""> </router-link>
                <router-link tag="li" to="/gameRecordww"> <img src="../assets/image/c2.png" alt="">
                    <p>玩家记录</p>
                </router-link>

                <router-link tag="li" to="/person"> <img src="../assets/image/10.png" alt="">
                </router-link>

                <router-link tag="li" to="/passwordww"> 
                    <img src="../assets/image/xiu.png" alt="">
                    <p>修改密码</p>
                </router-link>
                <router-link tag="li" to="/logo">
                    <img src="../assets/image/c3.png" alt="">
                    <p>退出</p>
                </router-link>
            </ul>
        </div>
    </div>
</template>

<script>
    export default {
        data() {
            return {};
        }
    };
</script>

<style lang="less" scoped>
    .mint-header {
        background: -webkit-linear-gradient(left, #6180F4, #79CBFA);
        font-size: 36px;
        height: 80px;
    }
    .Nine {
        list-style: none;
        width: 100%;
        padding: 0;
        margin: 0;
        li {
            width: 33%;
            float: left;
            margin-top: 26px;
            img {
                width: 108px;
                display: block;
                margin: 0 auto;
            }
        }
        p {
            padding: 0;
            margin: 0;
            text-align: center;
            font-size: 25px;
            color: #ACACAC;
        }
    }
</style>
